웹 서비스 개인 서비스 UI 개선 Bootstrap 입문 2일 후의 Before/After (위도 경도 단위를 변환하는 사이트)의 UI를 마토모로 만들기 이 기사에서 쓰기 CSS를 한 줄도 쓴 적이 없는 초보자가 Bootstrap에서 어떻게 UI를 개선할 수 있었는지의 결과(실작 2일) 즉, 지금부터 Bootstrap을 사용해 보려고 하는 사람에 대한 비용효과의 소개. 이 기사에서 쓰지 않는 것 CSS : HTML의 외형에 관한 DSL이라는 것은 알고 있지만 스스로 쓴 적은 없다.... BootstrapFontAwesome웹 서비스우이bootstrap4 Paizacloud를 사용하여 웹 서비스를 만들려고했습니다. paizacloud에서 Laravel을 시작한 초보자입니다. 로크에 활동하지 않은 시기도 포함해, 대략 3개월 정도로 작성했습니다. paizacloud를 메인으로 개발하고 웹 서비스를 공개한다 Laravel 학습하기 설문조사를 작성할 수 있다. 투표하면 원 그래프로 결과를 확인할 수 있다. 앙케이트는 공개제로, 「어느 앙케이트에 누가 어떻게 대답했는지」,는 공개된다. 또한 설문조사에 전제를 ... chart.jspaizacloud웹 서비스laravel5.7 흐린 창문에 손가락☝으로 그리는 표현을 구현해 보았다 실외와의 기온차나 습도에 따라 창유리가 흐려지는 경우가 있네요. 그런 흐린 창문에 손가락으로 문자/그림을 그린 적이 있는 사람은 많다고 생각합니다. 즐거운 것 같고, 어딘가 바보도 있습니다. 전회와 같이 터치 이벤트에 대응하고 있으므로, 스마트 폰, 태블릿 등으로 액세스하면 손가락으로 창에 그릴 수 있습니다. 또 그린 그림은 사이트에 업로드하거나 트윗할 수 있도록 하고 있습니다. 👇에서 시도... 자바스크립트jQuery웹 서비스three.jsWebGL 【LT 발표 자료】 간편 실내 위치 정보 서비스 앱 오랜만의 Qiita 기사 게시물이됩니다. 이번은 기술 설명이 아니라 사내 유지의 LT(Lightning Talk) 대회에서 발표한 자료의 공개가 됩니다. 이유는 GW의 휴가중에 무엇인가 만들까라고 생각하면, 자료가 발견되었기 때문입니다,,, 스마트 폰 앱을 만들자! 와 고조되고 있던 시기의 것이므로 상당히 낡습니다. 사용 기술에 AngularJS라고 쓰여져 있습니다 뭔가 만들어보고 싶지만 만... 앱 개발개인 개발공부회웹 서비스LT Keras의 딥 러닝 모델을 Watson Machine Learning으로 웹 서비스화 문서에서 설명한 것처럼 IBM의 클라우드 서비스 인 Watson Studio와 Watson Machine Learning을 결합하여 sckit-learn의 기계 학습 모델을 쉽게 웹 서비스 할 수 있습니다. 이 기사는 Keras 버전입니다. (scikit-learn은 정말 쉽게 웹 서비스 화할 수 있었지만, 그것에 비해 모델 등록 절차에 약간의 요령이 있습니다) [2020-04-25] 설치 ... Keras딥러닝Watson-StudioWatson웹 서비스 【간단】vue-click-outside 라이브러리를 사용해 보았다 이라고 합니다. 연말 연시에 만들었던 ToDo 앱으로 매우 유용한 라이브러리를 소개합니다. 작성한 ToDo 앱에서 모달 윈도우를 사용하고 그것을 닫는 동작을 원했습니다 "☓"로 닫는 동작이라면 잘못된 탭이나 잘못된 클릭을 초래할 수 있습니다 실제로 "vue-click-outside"를 사용한 입니다. 이 이미지에서 말하면 검은 부분을 누르거나 클릭하면 모달이 닫힙니다. ToDo.vue 위 파... 웹 서비스npmVue.jsOSS ASP .NET Core Tips - 부분 뷰가 깨짐 ASP .Net Core에서 웹 서비스를 만드는 과정이나 만들 때 빠진 문제와 해결책 비망록으로 쓰고 있습니다. 이번에는 제목대로 부분보기에 일본어를 넣으면 글자 깨진 이야기. Windows 10 Visual Studio 2019 ASP .Net Core 2.2 첫째, 프로젝트 템플릿 "ASP .NET Core 웹 응용 프로그램" 웹 응용 프로그램(모델 뷰 컨트롤러)에서 만듭니다. 이번에 작... VisualStudio2019웹 서비스.NETCoreaspcore2ASP.NET_Core Nuxt.js (SPA) + Firebase 웹 서비스로 강제 업데이트 (리비전 업 대책) SPA는 매우 훌륭하지만 Hosting에 업로드해도 즉시 업데이트되지 않습니다. 예를 들어, 유지보수 화면으로 변경해도 캐시가 남아 유지보수 모드가 되지 않는다고 합니다. 이 을 보면, React로 강제적으로 리비전 업하는 방법이 실려 있었으므로, Nuxt.js에서도 할 수 없는지 해 보았을 때의 비망록. 추가 2018/10/17 씨의 기사에 의하면, 별로 좋지 않은 방법과 같다. PWA에서... FirebaseFirebaseHostingSPAnuxt.js웹 서비스 Angular에서 Cropper.js를 사용하는 방법과 빠는 포인트 웹 앱을 만들 때 이미지를 자르고 서버로 보내고 싶을 때가 있습니다. 이런 경우에 트리밍을 하는 UI와 트리밍 기능을 제공해 주는 것이 Cropper.js입니다. 매우 간단한 라이브러리이지만 Angular에서 사용할 때 조금 빠졌기 때문에 기록을 남겨 둡니다. Cropper는 트리밍 라이브러리이며 jQuery 용과 기본 JavaScript 용입니다. jQuery 용 기본 JavaScript ... AngularSPA자바스크립트웹 서비스cropper 기울어 진 분할 계산 도구를 만들어 보았습니다. 송년회 등의 술자리 이벤트에서 간사를 맡기는 것은 젊은 숙명. 나의 근무처의 경우, 사원의 연령차가 크기 때문에 경사를 붙이는 것이 대부분. 다만, 이 경사 계산, 참가자 전원분의 연차를 파악하거나 경사의 상태를 미조정하거나 의외로 귀찮아 시간을 취할 수 있습니다. 좋은 느낌의 서비스가 없는지 검색해 보았지만, PC 사이트용의 것은 스마트폰으로 레우 아웃이 무너지며, 스마트폰용으로는 네이티브... FirebasePWAVuetifyVue.js웹 서비스 【기사 산란으로부터 졸업】 목적별로 기사를 리스트화할 수 있는 서비스를 개발해 보았다 「흩어진 정보를 자신의 커트에 리스트화해, 모두에게 공유할 수 있는 서비스」를 릴리스 했습니다! 매일 새로운 정보가 막대하게 발신되고 있어, 자신이 요구하고 있는 정보는 곧바로 묻혀 버립니다. 또, 자신과 같은 정보를 요구하는 사람도 그 밖에 있는데, 그 사람들도, 양질의 정보를 요구해, 똑같이 막대한 정보를 구분해, 보물 찾기를 하고 있습니다. (이 서비스의 특징이 되는 기능을 만드는데 참... 개인 개발파이썬Vue.js자바스크립트웹 서비스 Nuxt.js/Vue.js에서도 스 와이프로 페이지를 이동하고 싶습니다. Nuxt.js로 개발하고 있지만, 스 와이프로 화면 전환이나 하고 싶다고 생각하고, 여러가지 조사했을 때의 비망록. 라고 하는 것이 좋을 것 같아(´ω｀) 라는 라이브러리의 래퍼다. hammer.js에서는 스 와이프뿐만 아니라, Pan/Pinch/Press/Rotate/Tap도 감지할 수 있도록. 대단해. 설치 플러그인 작성 ~/plugins/vue2-touch-events.ts 만들기 nu... 개인 개발Vue.jsnuxt.js웹 서비스vue-touch-events Cloud Functions 등 firebase-admin으로 Storage를 추가, 삭제, 존재 확인 개발중의 적독용의 독서 관리 서비스 「 」 새로운 보고 기능이 출시되었습니다 화면은 이런 느낌. 에서 새롭게 추가한 보고 기능, OGP 화상의 생성을 하거나 하기 때문에, 조금 읽어들이기에 시간이 필요한 때도... 조금 기다려 주실 수 있으면 기쁩니다!! — 적독 하우매치 📚 키라 푸카 (@kira_puka) 트윗에도 쓰여진 대로, 뒤에서는, OGP 이미지가 생성되는지 확인 생성하지 않으면 ... FirebaseCloudFunctionsFirebase웹 서비스CloudStorage Firebase Admin SDK에서 하루의 Authentication 사용자 수를 집계했습니다 (최대 5 배). 최근 출시한 적독용 웹 서비스의 『 』, 을 쓴 결과, 많은 분들이 등록자를 주었습니다 제대로 측정하고 싶다고 생각하면 을 사용하면, Firebase Auth 등록일로부터 매일 사용자 수를 집계 할 수 있기 때문에 시도했습니다! 할 수있는 그래프는 여기 이런 그래프를 내고 싶었는데... 덧붙여서, 을 쓴 것이 8/14로, 하루 트렌드가 8/16이므로, 약 5배... 기쁘다... 단지, 씨나 ... Firebase독서적독웹 서비스FirebaseAuth 로컬 PC에서 firebase-admin을 사용하여 일괄 삭제/일괄 업데이트 최근 Nuxt.js+Firebase로 만든 적독을 해소하는 웹 앱 " "을 출시했습니다! 그 때 Firestore의 스키마를 일괄 변경하거나, 불필요한 데이터를 일괄 삭제하고 싶을 때의 비망록. 로컬 PC에서 firebase-admin을 사용할 때의 초기 설정이란? Firestore에서는 한 번에 실행할 수 있는 갱신 처리의 수에 제한이 있다. 대량 쓰기에서는 최대 500개의 작업을 수행할 ... Firebase웹 서비스Firestore <초보자> Vue.js로 만든 서비스에 모달을 설치한 이야기 <모달 도입법 여러가지> 만든 웹 서비스 reftika 응답 속도의 업. 외부의 서버를 사이에 두고 있기 때문에 아무래도 괜찮다. 웹 서비스에 대한 자세한 내용은 여기를 참조하십시오. 검색 화면과 상세 화면 사이에 모달을 끼웁니다. 상세 화면을 불러오는데 아무래도 시간이 걸리기 때문에 천이 하지 않고 「가벼운 상세(모순된 표현이지만..)」를 모달로 표시할 수 있도록 했습니다. 아래는 검색 화면 ⇒ 모달 ⇒ 상세 화면... 웹 서비스초보자Vue.jsmodal <초보자> vue.js로 만든 서비스의 컴포넌트를 분할해 보았다. 원래는 톱 페이지 1장 모두(상하의 header와 footer는 제외한다) Home.vue라고 하는 1개의 컴퍼넌트로 작성하고 있었습니다. 이 외에도 기사 상세 화면용의 Detail.vue가 있습니다. 이번에 한 것은 Home.vue에서 기능마다 A·B·C, 총 3개의 컴포넌트로 분리하는 것입니다. 검색 기능의 분할에 대해서 비망록도 겸해 씁니다. 검색 기능은 3가지가 있습니다. 1. 검색 ... 웹 서비스초보자Vue.jsゔ그림x 오늘 차 가고 싶다! 버튼을 점심 모집 서비스 teapot으로 만든 이야기 teapot이라는 점심이나 차를 부담없이 모집할 수 있는 서비스를 운영하고 있습니다. 여기서 오늘 차 갈 수 있어! 를 표명할 수 있는 버튼을 만들고 싶다고 생각해 그 때의 사양이 결정하는 배경이나 개발 내용을 정리했습니다. 11:00까지 차 가고 싶은 버튼을 내 페이지에서 누른다 그 날의 15:00까지 홈으로 표시 post에 특정의 칼럼 추가해 거기에 일시를 update 해 나가지만 최초로... 웹 서비스Rails 무직 3명으로 웹 서비스를 만들어 보았다 #1 환경 구축편 이번 맑고 무직이 된 3명으로 Web 서비스를 작성했으므로, 비망록을 겸해 정리해 갑니다. Qiita 첫 투고로 잡는 곳도 있다고 생각합니다만, 용서해 주세요. 이 장에서는 환경 구축의 부분을 써 갑니다. 구현에 대해서는 를 봐 주세요. 두 이미지 중 하나를 선택하는 간단한 설문지를 익명으로 게시할 수 있는 엔터테인먼트 서비스 을 이용하고 있습니다. 계정 관리 및 스토리지를 사용하고 있습니다... Firebase웹 서비스nuxt.jsDreamHost AWS를 사용하여 웹 서버 환경을 구축하는 방법 2. Linux 가상 머신 시작 3. 공용 IP 주소 설정 3. 공용 IP 주소 설정 여기에서이 터미널에 명령을 입력합니다. $ mv ~/Desktop/FirstKey.pem ~/.ssh $ chmod 400 ~/.ssh/FirstKey.pem $ssh -i ~/.ssh/FirstKey.pem ec2-user@ 공용 IP 이제 Linux 가상 머신에 연결할 수 있었습니다! 계속해서 터미널에 ... 웹 서비스WEB 서버환경 구축AWS 최초의 오리지널 웹 서비스 프로그래밍을 배우고 처음으로 3개월. 최초의 오리지널 서비스를 작성했으므로, 공개하겠습니다. MemoMa · 질문에 대답하여 자기 분석을 할 수있는 서비스 ・화제의 (마에다 유지: 저)의 노트술을 Web상에서 할 수 있는 메모 앱 이유는 간단하고 자신이 사용하고 싶었기 때문입니다. 오리지널 서비스 작성 기간은 일을 그만두고, 앞으로의 전직 활동을 향해 인생의 재고 중이었습니다. 그냥 그 무렵... 경 6웹 서비스Rails 브라우저의 스쿠쇼를 연결해 GIF 화상을 만들자【Puppeteer를 사용해 폭속】 사용자가 입력한 하이쿠에서 GIF 이미지를 생성하고 있습니다. 이는 서버에서 브라우저(Chrome)를 시작하고 스크린샷을 연결하여 생성됩니다. 이번에 사용하는 언어는 Nodejs입니다. 먼저 적절한 빈 디렉토리로 이동하여 다음 명령을 실행하십시오. 사용하는 3개의 라이브러리를 간단히 설명합니다. 우선 Puppeteer는 GUI를 조작하지 않고 프로그램에서 API로 브라우저(Chrome)를 제... 개인 개발웹자바스크립트puppeteer웹 서비스 URL 단축 웹 서비스를 만들어 보았다. 안녕하세요. 이것 대체 서비스 만들 수 있지 않을까 생각하고 공부용으로 만들어 보았습니다. 「Firebase Dynamic Links 사용할 수 있다」라고 써 있는 것은 일단 무시합니다. 짧은 토너로 읽습니다. 읽자. 독자 도메인이 아니기 때문에, 단축 URL 서비스라고 말하면서 도메인명이 길네요. 단축하려는 URL을 넣고 변환 버튼을 잡으면, 단축된 URL이 표시됩니다. 이 시점에서 클립보... TypeScriptNode.jsNOW웹 서비스FirebaseRealtimeDatabase 손님 상주 엔지니어에게 보여준 사무원이 WEB계로 전직하면 어떻게 될까 연말연시에 정리하려고 생각하면서 귀성에서 타이밍을 놓치고 필사적이고 굴삭기 하고 있는 도중. 단지 포엠이거나, 미경험에서 WEB계에 간 사람의 말로를 알거나, 또 미경험으로부터 WEB계 목표로 하는 사람의 참고가라도 되면 과 아웃풋. 힘들지만 목표로한다면 뛰어 가십시오. ←before after→ 작은 벤처이므로 엔지니어업만이라고 하는 것은 아니지만, 일이 되니까요, 초생합니다. 자력이 부족... 포엠미경험개발웹 서비스루비 【Rails】날짜・기간을 지정한 투고를 톱 페이지에 자동적으로 표시한다 그 v5.0 정식판에 맞추어 현재 v5.0rc1로 테스트 중인 것이, 투고에 미리 일자・기간을 지정해 두고, 그 일자・기간이 오면 톱 페이지에 자동적으로 표시되는 기능입니다. 처음 도전이었기 때문에 메모로 남깁니다. 먼저 기간의 시작일start_on과 종료일end_on이라는 열을 Posts 테이블에 만듭니다. 두 열 모두 date 형식으로 둡니다. new.html.erbdate_field_t... 웹 서비스루비Rails 웹 서비스의 HTML 문법 체커는 업무에서 이용할 수 있는가? 이런 버그는 육안 확인으로 수정하는 것은 힘들기 때문에, 업무 용도에서도 문제 없을 것 같은 HTML 문법 체커가 없는지, Web 서비스＋α를 조사해 보았습니다. HTML 체커에는 여러 가지 유형이 있습니다. W3C Markup Validation Service, Another HTML Lint – Gateway, DirtyMarkup HTML 오류 검사기 (Chrome 확장) HTML Ti... HTML웹 서비스 <<속편>> “MapAPI를 연구하면 1주일 만에 웹 서비스 출시” 1주일에 인풋 & 1주일에 아웃풋, 그 후의 전개를 보고하겠습니다. 마지막 게시물 기사 : "MapAPI를 연구하면 일주일 만에 웹 서비스를 출시 한 이야기" Qiita 기사 투고일: 2018-09-25(현시점에서 10일 정도). 결과: - Qiita 페이지를 본 사용자: 1,365명 - Qiita 좋아요! - 웹서비스를 본 사용자 수: 1,103명 - 기세로 도메인도 취득 (mapapi.o... WebAPI자바스크립트웹 서비스맵웹 개발 태그 기능이 있는 사용자 - 프로젝트의 SNS DB 디자인 [어떤 목적을 가진 사람들이 동료 찾기를 위해 프로젝트(팀)를 작성, 참여할 수 있는 SNS]의 프로토타입 작성으로 팀에서 고안한 데이터베이스 설계를 비망록으로 남겨둔다. 프로토타입이기 때문에 최소한 필요한 데이터만으로 구성했다. 사용자와 프로젝트가 존재하며, 각각 관련 태그를 할 수 있으며, 사용자는 프로젝트에 참가 신청하거나 작성할 수 있다. · 사용자 로그인 기능 · 태그 기능 -> 사... MySQLSNS웹 서비스DB 설계데이터베이스 Google Takeout이 내뿜는 'JSON이라는 기분 나쁜 확장자'에 대해 알아 보았습니다. 모처럼 화제가 되었기 때문에 Google Takeout의 json 파일 구조의 검증을 해 보았습니다. 데이터를 원하는 서비스에 체크하고 다음을 클릭 ※이번은 위치 이력만 선택합니다. 대상은 Google 드라이브 및 기타 클라우드 스토리지를 선택할 수 있습니다. 위치 기록만 있으면 즉시 완료됩니다. 아카이브를 확장하면 다음과 유사한 파일을 볼 수 있습니다. 위치 기록: 원하는 "위치 기록.js... JSON웹GoogleMap웹 서비스google 이전 기사 보기
개인 서비스 UI 개선 Bootstrap 입문 2일 후의 Before/After (위도 경도 단위를 변환하는 사이트)의 UI를 마토모로 만들기 이 기사에서 쓰기 CSS를 한 줄도 쓴 적이 없는 초보자가 Bootstrap에서 어떻게 UI를 개선할 수 있었는지의 결과(실작 2일) 즉, 지금부터 Bootstrap을 사용해 보려고 하는 사람에 대한 비용효과의 소개. 이 기사에서 쓰지 않는 것 CSS : HTML의 외형에 관한 DSL이라는 것은 알고 있지만 스스로 쓴 적은 없다.... BootstrapFontAwesome웹 서비스우이bootstrap4 Paizacloud를 사용하여 웹 서비스를 만들려고했습니다. paizacloud에서 Laravel을 시작한 초보자입니다. 로크에 활동하지 않은 시기도 포함해, 대략 3개월 정도로 작성했습니다. paizacloud를 메인으로 개발하고 웹 서비스를 공개한다 Laravel 학습하기 설문조사를 작성할 수 있다. 투표하면 원 그래프로 결과를 확인할 수 있다. 앙케이트는 공개제로, 「어느 앙케이트에 누가 어떻게 대답했는지」,는 공개된다. 또한 설문조사에 전제를 ... chart.jspaizacloud웹 서비스laravel5.7 흐린 창문에 손가락☝으로 그리는 표현을 구현해 보았다 실외와의 기온차나 습도에 따라 창유리가 흐려지는 경우가 있네요. 그런 흐린 창문에 손가락으로 문자/그림을 그린 적이 있는 사람은 많다고 생각합니다. 즐거운 것 같고, 어딘가 바보도 있습니다. 전회와 같이 터치 이벤트에 대응하고 있으므로, 스마트 폰, 태블릿 등으로 액세스하면 손가락으로 창에 그릴 수 있습니다. 또 그린 그림은 사이트에 업로드하거나 트윗할 수 있도록 하고 있습니다. 👇에서 시도... 자바스크립트jQuery웹 서비스three.jsWebGL 【LT 발표 자료】 간편 실내 위치 정보 서비스 앱 오랜만의 Qiita 기사 게시물이됩니다. 이번은 기술 설명이 아니라 사내 유지의 LT(Lightning Talk) 대회에서 발표한 자료의 공개가 됩니다. 이유는 GW의 휴가중에 무엇인가 만들까라고 생각하면, 자료가 발견되었기 때문입니다,,, 스마트 폰 앱을 만들자! 와 고조되고 있던 시기의 것이므로 상당히 낡습니다. 사용 기술에 AngularJS라고 쓰여져 있습니다 뭔가 만들어보고 싶지만 만... 앱 개발개인 개발공부회웹 서비스LT Keras의 딥 러닝 모델을 Watson Machine Learning으로 웹 서비스화 문서에서 설명한 것처럼 IBM의 클라우드 서비스 인 Watson Studio와 Watson Machine Learning을 결합하여 sckit-learn의 기계 학습 모델을 쉽게 웹 서비스 할 수 있습니다. 이 기사는 Keras 버전입니다. (scikit-learn은 정말 쉽게 웹 서비스 화할 수 있었지만, 그것에 비해 모델 등록 절차에 약간의 요령이 있습니다) [2020-04-25] 설치 ... Keras딥러닝Watson-StudioWatson웹 서비스 【간단】vue-click-outside 라이브러리를 사용해 보았다 이라고 합니다. 연말 연시에 만들었던 ToDo 앱으로 매우 유용한 라이브러리를 소개합니다. 작성한 ToDo 앱에서 모달 윈도우를 사용하고 그것을 닫는 동작을 원했습니다 "☓"로 닫는 동작이라면 잘못된 탭이나 잘못된 클릭을 초래할 수 있습니다 실제로 "vue-click-outside"를 사용한 입니다. 이 이미지에서 말하면 검은 부분을 누르거나 클릭하면 모달이 닫힙니다. ToDo.vue 위 파... 웹 서비스npmVue.jsOSS ASP .NET Core Tips - 부분 뷰가 깨짐 ASP .Net Core에서 웹 서비스를 만드는 과정이나 만들 때 빠진 문제와 해결책 비망록으로 쓰고 있습니다. 이번에는 제목대로 부분보기에 일본어를 넣으면 글자 깨진 이야기. Windows 10 Visual Studio 2019 ASP .Net Core 2.2 첫째, 프로젝트 템플릿 "ASP .NET Core 웹 응용 프로그램" 웹 응용 프로그램(모델 뷰 컨트롤러)에서 만듭니다. 이번에 작... VisualStudio2019웹 서비스.NETCoreaspcore2ASP.NET_Core Nuxt.js (SPA) + Firebase 웹 서비스로 강제 업데이트 (리비전 업 대책) SPA는 매우 훌륭하지만 Hosting에 업로드해도 즉시 업데이트되지 않습니다. 예를 들어, 유지보수 화면으로 변경해도 캐시가 남아 유지보수 모드가 되지 않는다고 합니다. 이 을 보면, React로 강제적으로 리비전 업하는 방법이 실려 있었으므로, Nuxt.js에서도 할 수 없는지 해 보았을 때의 비망록. 추가 2018/10/17 씨의 기사에 의하면, 별로 좋지 않은 방법과 같다. PWA에서... FirebaseFirebaseHostingSPAnuxt.js웹 서비스 Angular에서 Cropper.js를 사용하는 방법과 빠는 포인트 웹 앱을 만들 때 이미지를 자르고 서버로 보내고 싶을 때가 있습니다. 이런 경우에 트리밍을 하는 UI와 트리밍 기능을 제공해 주는 것이 Cropper.js입니다. 매우 간단한 라이브러리이지만 Angular에서 사용할 때 조금 빠졌기 때문에 기록을 남겨 둡니다. Cropper는 트리밍 라이브러리이며 jQuery 용과 기본 JavaScript 용입니다. jQuery 용 기본 JavaScript ... AngularSPA자바스크립트웹 서비스cropper 기울어 진 분할 계산 도구를 만들어 보았습니다. 송년회 등의 술자리 이벤트에서 간사를 맡기는 것은 젊은 숙명. 나의 근무처의 경우, 사원의 연령차가 크기 때문에 경사를 붙이는 것이 대부분. 다만, 이 경사 계산, 참가자 전원분의 연차를 파악하거나 경사의 상태를 미조정하거나 의외로 귀찮아 시간을 취할 수 있습니다. 좋은 느낌의 서비스가 없는지 검색해 보았지만, PC 사이트용의 것은 스마트폰으로 레우 아웃이 무너지며, 스마트폰용으로는 네이티브... FirebasePWAVuetifyVue.js웹 서비스 【기사 산란으로부터 졸업】 목적별로 기사를 리스트화할 수 있는 서비스를 개발해 보았다 「흩어진 정보를 자신의 커트에 리스트화해, 모두에게 공유할 수 있는 서비스」를 릴리스 했습니다! 매일 새로운 정보가 막대하게 발신되고 있어, 자신이 요구하고 있는 정보는 곧바로 묻혀 버립니다. 또, 자신과 같은 정보를 요구하는 사람도 그 밖에 있는데, 그 사람들도, 양질의 정보를 요구해, 똑같이 막대한 정보를 구분해, 보물 찾기를 하고 있습니다. (이 서비스의 특징이 되는 기능을 만드는데 참... 개인 개발파이썬Vue.js자바스크립트웹 서비스 Nuxt.js/Vue.js에서도 스 와이프로 페이지를 이동하고 싶습니다. Nuxt.js로 개발하고 있지만, 스 와이프로 화면 전환이나 하고 싶다고 생각하고, 여러가지 조사했을 때의 비망록. 라고 하는 것이 좋을 것 같아(´ω｀) 라는 라이브러리의 래퍼다. hammer.js에서는 스 와이프뿐만 아니라, Pan/Pinch/Press/Rotate/Tap도 감지할 수 있도록. 대단해. 설치 플러그인 작성 ~/plugins/vue2-touch-events.ts 만들기 nu... 개인 개발Vue.jsnuxt.js웹 서비스vue-touch-events Cloud Functions 등 firebase-admin으로 Storage를 추가, 삭제, 존재 확인 개발중의 적독용의 독서 관리 서비스 「 」 새로운 보고 기능이 출시되었습니다 화면은 이런 느낌. 에서 새롭게 추가한 보고 기능, OGP 화상의 생성을 하거나 하기 때문에, 조금 읽어들이기에 시간이 필요한 때도... 조금 기다려 주실 수 있으면 기쁩니다!! — 적독 하우매치 📚 키라 푸카 (@kira_puka) 트윗에도 쓰여진 대로, 뒤에서는, OGP 이미지가 생성되는지 확인 생성하지 않으면 ... FirebaseCloudFunctionsFirebase웹 서비스CloudStorage Firebase Admin SDK에서 하루의 Authentication 사용자 수를 집계했습니다 (최대 5 배). 최근 출시한 적독용 웹 서비스의 『 』, 을 쓴 결과, 많은 분들이 등록자를 주었습니다 제대로 측정하고 싶다고 생각하면 을 사용하면, Firebase Auth 등록일로부터 매일 사용자 수를 집계 할 수 있기 때문에 시도했습니다! 할 수있는 그래프는 여기 이런 그래프를 내고 싶었는데... 덧붙여서, 을 쓴 것이 8/14로, 하루 트렌드가 8/16이므로, 약 5배... 기쁘다... 단지, 씨나 ... Firebase독서적독웹 서비스FirebaseAuth 로컬 PC에서 firebase-admin을 사용하여 일괄 삭제/일괄 업데이트 최근 Nuxt.js+Firebase로 만든 적독을 해소하는 웹 앱 " "을 출시했습니다! 그 때 Firestore의 스키마를 일괄 변경하거나, 불필요한 데이터를 일괄 삭제하고 싶을 때의 비망록. 로컬 PC에서 firebase-admin을 사용할 때의 초기 설정이란? Firestore에서는 한 번에 실행할 수 있는 갱신 처리의 수에 제한이 있다. 대량 쓰기에서는 최대 500개의 작업을 수행할 ... Firebase웹 서비스Firestore <초보자> Vue.js로 만든 서비스에 모달을 설치한 이야기 <모달 도입법 여러가지> 만든 웹 서비스 reftika 응답 속도의 업. 외부의 서버를 사이에 두고 있기 때문에 아무래도 괜찮다. 웹 서비스에 대한 자세한 내용은 여기를 참조하십시오. 검색 화면과 상세 화면 사이에 모달을 끼웁니다. 상세 화면을 불러오는데 아무래도 시간이 걸리기 때문에 천이 하지 않고 「가벼운 상세(모순된 표현이지만..)」를 모달로 표시할 수 있도록 했습니다. 아래는 검색 화면 ⇒ 모달 ⇒ 상세 화면... 웹 서비스초보자Vue.jsmodal <초보자> vue.js로 만든 서비스의 컴포넌트를 분할해 보았다. 원래는 톱 페이지 1장 모두(상하의 header와 footer는 제외한다) Home.vue라고 하는 1개의 컴퍼넌트로 작성하고 있었습니다. 이 외에도 기사 상세 화면용의 Detail.vue가 있습니다. 이번에 한 것은 Home.vue에서 기능마다 A·B·C, 총 3개의 컴포넌트로 분리하는 것입니다. 검색 기능의 분할에 대해서 비망록도 겸해 씁니다. 검색 기능은 3가지가 있습니다. 1. 검색 ... 웹 서비스초보자Vue.jsゔ그림x 오늘 차 가고 싶다! 버튼을 점심 모집 서비스 teapot으로 만든 이야기 teapot이라는 점심이나 차를 부담없이 모집할 수 있는 서비스를 운영하고 있습니다. 여기서 오늘 차 갈 수 있어! 를 표명할 수 있는 버튼을 만들고 싶다고 생각해 그 때의 사양이 결정하는 배경이나 개발 내용을 정리했습니다. 11:00까지 차 가고 싶은 버튼을 내 페이지에서 누른다 그 날의 15:00까지 홈으로 표시 post에 특정의 칼럼 추가해 거기에 일시를 update 해 나가지만 최초로... 웹 서비스Rails 무직 3명으로 웹 서비스를 만들어 보았다 #1 환경 구축편 이번 맑고 무직이 된 3명으로 Web 서비스를 작성했으므로, 비망록을 겸해 정리해 갑니다. Qiita 첫 투고로 잡는 곳도 있다고 생각합니다만, 용서해 주세요. 이 장에서는 환경 구축의 부분을 써 갑니다. 구현에 대해서는 를 봐 주세요. 두 이미지 중 하나를 선택하는 간단한 설문지를 익명으로 게시할 수 있는 엔터테인먼트 서비스 을 이용하고 있습니다. 계정 관리 및 스토리지를 사용하고 있습니다... Firebase웹 서비스nuxt.jsDreamHost AWS를 사용하여 웹 서버 환경을 구축하는 방법 2. Linux 가상 머신 시작 3. 공용 IP 주소 설정 3. 공용 IP 주소 설정 여기에서이 터미널에 명령을 입력합니다. $ mv ~/Desktop/FirstKey.pem ~/.ssh $ chmod 400 ~/.ssh/FirstKey.pem $ssh -i ~/.ssh/FirstKey.pem ec2-user@ 공용 IP 이제 Linux 가상 머신에 연결할 수 있었습니다! 계속해서 터미널에 ... 웹 서비스WEB 서버환경 구축AWS 최초의 오리지널 웹 서비스 프로그래밍을 배우고 처음으로 3개월. 최초의 오리지널 서비스를 작성했으므로, 공개하겠습니다. MemoMa · 질문에 대답하여 자기 분석을 할 수있는 서비스 ・화제의 (마에다 유지: 저)의 노트술을 Web상에서 할 수 있는 메모 앱 이유는 간단하고 자신이 사용하고 싶었기 때문입니다. 오리지널 서비스 작성 기간은 일을 그만두고, 앞으로의 전직 활동을 향해 인생의 재고 중이었습니다. 그냥 그 무렵... 경 6웹 서비스Rails 브라우저의 스쿠쇼를 연결해 GIF 화상을 만들자【Puppeteer를 사용해 폭속】 사용자가 입력한 하이쿠에서 GIF 이미지를 생성하고 있습니다. 이는 서버에서 브라우저(Chrome)를 시작하고 스크린샷을 연결하여 생성됩니다. 이번에 사용하는 언어는 Nodejs입니다. 먼저 적절한 빈 디렉토리로 이동하여 다음 명령을 실행하십시오. 사용하는 3개의 라이브러리를 간단히 설명합니다. 우선 Puppeteer는 GUI를 조작하지 않고 프로그램에서 API로 브라우저(Chrome)를 제... 개인 개발웹자바스크립트puppeteer웹 서비스 URL 단축 웹 서비스를 만들어 보았다. 안녕하세요. 이것 대체 서비스 만들 수 있지 않을까 생각하고 공부용으로 만들어 보았습니다. 「Firebase Dynamic Links 사용할 수 있다」라고 써 있는 것은 일단 무시합니다. 짧은 토너로 읽습니다. 읽자. 독자 도메인이 아니기 때문에, 단축 URL 서비스라고 말하면서 도메인명이 길네요. 단축하려는 URL을 넣고 변환 버튼을 잡으면, 단축된 URL이 표시됩니다. 이 시점에서 클립보... TypeScriptNode.jsNOW웹 서비스FirebaseRealtimeDatabase 손님 상주 엔지니어에게 보여준 사무원이 WEB계로 전직하면 어떻게 될까 연말연시에 정리하려고 생각하면서 귀성에서 타이밍을 놓치고 필사적이고 굴삭기 하고 있는 도중. 단지 포엠이거나, 미경험에서 WEB계에 간 사람의 말로를 알거나, 또 미경험으로부터 WEB계 목표로 하는 사람의 참고가라도 되면 과 아웃풋. 힘들지만 목표로한다면 뛰어 가십시오. ←before after→ 작은 벤처이므로 엔지니어업만이라고 하는 것은 아니지만, 일이 되니까요, 초생합니다. 자력이 부족... 포엠미경험개발웹 서비스루비 【Rails】날짜・기간을 지정한 투고를 톱 페이지에 자동적으로 표시한다 그 v5.0 정식판에 맞추어 현재 v5.0rc1로 테스트 중인 것이, 투고에 미리 일자・기간을 지정해 두고, 그 일자・기간이 오면 톱 페이지에 자동적으로 표시되는 기능입니다. 처음 도전이었기 때문에 메모로 남깁니다. 먼저 기간의 시작일start_on과 종료일end_on이라는 열을 Posts 테이블에 만듭니다. 두 열 모두 date 형식으로 둡니다. new.html.erbdate_field_t... 웹 서비스루비Rails 웹 서비스의 HTML 문법 체커는 업무에서 이용할 수 있는가? 이런 버그는 육안 확인으로 수정하는 것은 힘들기 때문에, 업무 용도에서도 문제 없을 것 같은 HTML 문법 체커가 없는지, Web 서비스＋α를 조사해 보았습니다. HTML 체커에는 여러 가지 유형이 있습니다. W3C Markup Validation Service, Another HTML Lint – Gateway, DirtyMarkup HTML 오류 검사기 (Chrome 확장) HTML Ti... HTML웹 서비스 <<속편>> “MapAPI를 연구하면 1주일 만에 웹 서비스 출시” 1주일에 인풋 & 1주일에 아웃풋, 그 후의 전개를 보고하겠습니다. 마지막 게시물 기사 : "MapAPI를 연구하면 일주일 만에 웹 서비스를 출시 한 이야기" Qiita 기사 투고일: 2018-09-25(현시점에서 10일 정도). 결과: - Qiita 페이지를 본 사용자: 1,365명 - Qiita 좋아요! - 웹서비스를 본 사용자 수: 1,103명 - 기세로 도메인도 취득 (mapapi.o... WebAPI자바스크립트웹 서비스맵웹 개발 태그 기능이 있는 사용자 - 프로젝트의 SNS DB 디자인 [어떤 목적을 가진 사람들이 동료 찾기를 위해 프로젝트(팀)를 작성, 참여할 수 있는 SNS]의 프로토타입 작성으로 팀에서 고안한 데이터베이스 설계를 비망록으로 남겨둔다. 프로토타입이기 때문에 최소한 필요한 데이터만으로 구성했다. 사용자와 프로젝트가 존재하며, 각각 관련 태그를 할 수 있으며, 사용자는 프로젝트에 참가 신청하거나 작성할 수 있다. · 사용자 로그인 기능 · 태그 기능 -> 사... MySQLSNS웹 서비스DB 설계데이터베이스 Google Takeout이 내뿜는 'JSON이라는 기분 나쁜 확장자'에 대해 알아 보았습니다. 모처럼 화제가 되었기 때문에 Google Takeout의 json 파일 구조의 검증을 해 보았습니다. 데이터를 원하는 서비스에 체크하고 다음을 클릭 ※이번은 위치 이력만 선택합니다. 대상은 Google 드라이브 및 기타 클라우드 스토리지를 선택할 수 있습니다. 위치 기록만 있으면 즉시 완료됩니다. 아카이브를 확장하면 다음과 유사한 파일을 볼 수 있습니다. 위치 기록: 원하는 "위치 기록.js... JSON웹GoogleMap웹 서비스google 이전 기사 보기